<!DOCTYPE html>

<html>

<head>
    <meta charset="utf-8">
    <title>表头筛选</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">

    <link rel="stylesheet" href="../../layuiadmin/layui/css/jquery-labelauty.css">
    <style type="text/css">
        ul {
            list-style-type: none;
        }
        
        li {
            display: inline-block;
        }
        
        li {
            margin: 10px 0;
        }
        
        input.labelauty+label {
            font: 12px "Microsoft Yahei";
        }
    </style>
</head>

<body>
    <ul class="dowebok">

        <li> <input type="checkbox" name="checkbox" data-labelauty="出库时间" value="ctime" id="ctime"></li>

        <li> <input type="checkbox" name="checkbox" data-labelauty="出库人员" value="cname" id="cname"></li>

        <li> <input type="checkbox" name="checkbox" data-labelauty="交接人员" value="sname" id="sname"></li>

        <li> <input type="checkbox" name="checkbox" data-labelauty="转运箱数量" value="num_0" id="num_0"></li><br>

        <li> <input type="checkbox" name="checkbox" data-labelauty="重量" value="fval1" id="fval1"></li>

        <li> <input type="checkbox" name="checkbox" data-labelauty="感染性废物" value="num" id="num"></li>

        <li> <input type="checkbox" name="checkbox" data-labelauty="感染性废物重量" value="weight_0" id="weight_0"></li>

        <li> <input type="checkbox" name="checkbox" data-labelauty="损伤性废物" value="num_1" id="num_1"></li><br>

        <li> <input type="checkbox" name="checkbox" data-labelauty="损伤性废物重量" value="weight_1" id="weight_1"></li>

        <li> <input type="checkbox" name="checkbox" data-labelauty="病理性废物" value="num_5" id="num_5"></li>

        <li> <input type="checkbox" name="checkbox" data-labelauty="病理性废物重量" value="weight_5" id="weight_5"></li>

        <li> <input type="checkbox" name="checkbox" data-labelauty="药物性废物" value="num_4" id="num_4"></li><br>

        <li> <input type="checkbox" name="checkbox" data-labelauty="药物性废物重量" value="weight_4" id="weight_4"></li>

        <li> <input type="checkbox" name="checkbox" data-labelauty="输液瓶袋" value="pingdai" id="pingdai"></li>

        <li> <input type="checkbox" name="checkbox" data-labelauty="输液皮管" value="piguan" id="piguan"></li>

        <li> <input type="checkbox" name="checkbox" data-labelauty="胎盘" value="nval1_5" id="nval1_5"></li>

        <li> <input type="checkbox" name="checkbox" data-labelauty="胎盘重量" value="nval1_51" id="nval1_51"></li>
    </ul>

    <script src="../../layuiadmin/layui/jquery-3.3.1.min.js"></script>
    <script src="../../layuiadmin/layui/jquery-labelauty.js"></script>
    <script>
        $(function() {
            $(':input').labelauty();
        });

        function a() {
            var id = document.getElementsByName('checkbox');
            var value = new Array();
            for (var i = 0; i < id.length; i++) {
                if (!id[i].checked)
                    value.push(id[i].value);
            }
            return value;
        }
    </script>

</body>

</html>